<!DOCTYPE html>
<head>
    <script src="../../resources/js-test.js"></script>
    <style>
        #bla {width: 100px; height: 100px; background: red;}
        @media (max-width: 1200px) {
            #bla {width: 10px; height: 10px; background: blue;}
        }
    </style>
</head>
<body>
<div id=bla></div>

<script>
window.addEventListener("load", function(){
    if (!window.testRunner) {
        document.write("Zoom in manually.");
        return;
    }
    for (var i = 0; i < 5; ++i)
        testRunner.zoomPageIn();

    shouldBeCloseTo('document.getElementById("bla").offsetWidth', 10, 1/64);
}, true);
</script>
</body>
</html>
